<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/static/reasahi/js/daterangepicker.css" th:href="@{/reasahi/js/daterangepicker.css}" rel="stylesheet"/>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <form id="searchForm">
            <div class="btn-group hidden-xs" id="toolbar1" role="group">
                <div class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">用户ID</button>
                        </div>
                        <input type="text" class="form-control" id="usId" placeholder="用户ID">
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">用户名</button>
                        </div>
                        <input type="text" class="form-control" id="usNickname" placeholder="用户名">
                    </div>
                </div>
                <div  class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">分身</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaSeparation"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">模拟器</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaSimulator"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">开启调试模式</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaDebugMode"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">USB调试模式</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaUsbMode"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">ROOT</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaRoot"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">无障碍模式</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaAccessibility"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">VPN代理</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaVpnProxy"
                                th:with="type=${@dictService.selectDictData('biz_yes_no_two')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div  style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">SIM状态</button>
                        </div>
                        <select class="form-control input-s-sm inline" id="udaSimStatus"
                                th:with="type=${@dictService.selectDictData('app_sim_state')}">
                            <option value="">请选择</option>
                            <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                        </select>
                    </div>
                </div>
                <div style="margin-top: 10px" class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">手机总应用</button>
                        </div>
                        <input style="width: 50%" type="number" id="startUdaAllApp" class="form-control"
                               placeholder="start">
                        <input style="display:inline; width: 50%" id="endUdaAllApp" type="number" class="form-control"
                               placeholder="end">
                    </div>
                </div>
                <div style="margin-top: 10px;"  class="col-xs-3">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-white" type="button">手机型号&系统版本</button>
                        </div>
                        <input type="text" class="form-control" id="udaSystemVersionCode" placeholder="手机型号&系统版本">
                    </div>
                </div>
                <div style="margin-top: 10px; margin-left: -16px; margin-right: 16px"  class="col-xs-3">
                    <div class="col-sm-9" style="width: 108%">
                        <div class="form-group">
                            <div class="input-group date">
                                <span class="input-group-addon">更新时间</span>
                                <input id="createTime" name="datePickerdatePicker" type="text" class="form-control"
                                       value="">
                                <span class="input-group-addon" onclick="clearInput()"><i class="fa fa-remove"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="btn-group hidden-xs" id="toolbar" role="group">
            <label style="margin-left: 10px" type="button" class="btn btn-primary" onclick="resetForm()" id=""><i
                    class="fa fa-paper-plane"></i>&nbsp;重置
            </label>
            <label style="margin-left: 10px" type="button" class="btn btn-primary" onclick="search()" id=""><i
                    class="fa fa-search"></i>&nbsp;搜索
            </label>
        </div>
        <table class="bootstrap-table" data-mobile-responsive="true">
        </table>
    </div>
    <div th:include="include :: footer"></div>
    <script src="/static/reasahi/js/ry-table.js?v=1.1.6" th:src="@{/reasahi/js/ry-table.js?v=1.1.6}"></script>
    <script src="/js/jquery-ui-1.10..min.js" th:src="@{/js/jquery-ui-1.10.4.min.js}"></script>
    <script src="/static/reasahi/js/moment.js?v1.1.6" th:src="@{/reasahi/js/moment.js?v=1.1.6}"></script>
    <script src="/static/reasahi/js/daterangepicker.js?v1.1.6" th:src="@{/reasahi/js/daterangepicker.js?v=1.1.6}"></script>
    <script th:inline="javascript">
        var editFlag = [[${@permissionService.hasPermi('manage:userDailyActivity:edit')}]];
        var removeFlag = [[${@permissionService.hasPermi('manage:userDailyActivity:remove')}]];
        var antiCheatDetailAdd = [[${@permissionService.hasPermi('manage:antiCheatDetail:add')}]];
        var startCreatTime = moment().hours(0).minutes(0).seconds(0);
        startCreatTime = startCreatTime.format('YYYY-MM-DD HH:mm:ss');
        var endTime = moment().hours(23).minutes(59).seconds(59);
        endTime = endTime.format('YYYY-MM-DD HH:mm:ss');
        $('input[name="datePickerdatePicker"]').daterangepicker({
                // timePicker: false, //显示时间
                // timePicker24Hour: false, //时间制
                // timePickerSeconds: false, //时间显示到秒
                startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
                endDate: moment(new Date()), //设置结束器日期
                maxDate: moment(new Date()), //设置最大日期
                "opens": "center", ranges: {
                    '今天': [moment(), moment()],
                    '昨天': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    '上周': [moment().subtract(6, 'days'), moment()],
                    '前30天': [moment().subtract(29, 'days'), moment()],
                    '本月': [moment().startOf('month'), moment().endOf('month')],
                    '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                },
                showWeekNumbers: true, locale: {
                    format: "YYYY-MM-DD", //设置显示格式
                    applyLabel: '确定', //确定按钮文本
                    cancelLabel: '取消', //取消按钮文本
                    customRangeLabel: '自定义',
                    daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    firstDay: 1
                },
            },
            function (start, end, label) {
                var timeRangeChange = [start.format('YYYY-MM-DD HH:mm:ss'), end.format('YYYY-MM-DD HH:mm:ss')];
                console.log(timeRangeChange);
                startCreatTime = start.format('YYYY-MM-DD HH:mm:ss');
                endTime = end.format('YYYY-MM-DD HH:mm:ss');
            });


        function clearInput() {
            $('#createTime').val('');
            console.log(startCreatTime);
            console.log(endTime);
        }

        function resetForm() {
            cmResetForm();
            search();
        }
        $("#usId").val([[${usId}]])
    </script>
    <script src="/reasahi/manage/userDailyActivity/userDailyActivityMy.js" th:src="@{/reasahi/manage/userDailyActivity/userDailyActivityMy.js}"></script>
</body>
</html>